<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网上商城</title>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/product.css" rel="stylesheet" type="text/css"/>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		.xsarea{
			background: #eff4f4;
		}
		.xianshi{
			width: 450px;
			height: 350px;
			list-style: none;
			border: 1px solid #f5f5f5;
			border-radius: 5px;
			padding: 5px 5px;
			margin-left: 180px;
			float: left;
			position: absolute;
			overflow: auto;
			display: none;
		}
		.showxs{
			display: block;
			color: #000000;
			font-size: small;
			background: #ffffFF;
			margin-bottom: 3px;
		}

	</style>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/my.js"></script>

</head>
<body>
<jsp:include page="menu.jsp"/>
<div class="container productList">
	<div class="xsarea">
		<div class="span6 "style="display: inline-block;width: 200px;">
			<div class="hotProductCategory">
				<dl>
					<c:forEach items="${sessionScope.cateCS}" var="cateCs">
						<dd>
							<a href="/findByCSid?csid=${cateCs.csid}&page=${pL.page}" onmouseover="products(${cateCs.csid})" >${cateCs.csname}</a>
						</dd>
					</c:forEach>
				</dl>
			</div>
		</div>
		<ul class="xianshi">
			<li><a href="/findById?pid=${p.pid}"></a> </li>
		</ul>
	</div>

		<div class="span18 last">
			
			<form id="productForm" action="./image/蔬菜 - Powered By Mango Team.htm" method="get">
				<input type="hidden" id="brandId" name="brandId" value="">
				<input type="hidden" id="promotionId" name="promotionId" value="">
				<input type="hidden" id="orderType" name="orderType" value="">
				<input type="hidden" id="pageNumber" name="pageNumber" value="1">
				<input type="hidden" id="pageSize" name="pageSize" value="20">
					
				<div id="result" class="result table clearfix">
						<ul>
							<c:forEach items="${pL.list}" var="p">
									<li>
										<a href="/findById?pid=${p.pid}" target="_blank">
											<img src="${p.image}" width="170" height="170"  style="display: inline-block;">
											   
											<span style='color:green'>
											 ${p.pname}
											</span>
											 
											<span class="price">
												商城价： ￥${p.shop_price}/份
											</span>
											 
										</a>
									</li>
							</c:forEach>
						</ul>
				</div>
		<div class="pagination">
				<span>第<input style="width: 20px" type="text" name="curPage" value="${pL.page}" maxlength="3"/>/${pL.totalPage}页</span>
				<c:if test="${cid!=null}">
					<c:if test="${pL.page!=1}">
						<a href="/findByCid?=${cid}&page=1" class="firstPage">&nbsp;</a>
						<a href="/findByCid?cid=${cid}&page=${pL.page-1}" class="previousPage">&nbsp;</a>
					</c:if>
					<c:if test="${pL.page!=pL.totalPage}">
						<a href="/findByCid?cid=${cid}&page=${pL.page+1}" class="nextPage">&nbsp;</a>
						<a class="lastPage" href="/findByCid?cid=${cid}&page=${pL.totalPage}">&nbsp;</a>
					</c:if>
				</c:if>
			<c:if test="${csid!=null}">
				<c:if test="${pL.page!=1}">
					<a href="/findByCSid?csid=${csid}&page=1" class="firstPage">&nbsp;</a>
					<a href="/findByCSid?csid=${csid}&page=${pL.page-1}" class="previousPage">&nbsp;</a>
				</c:if>
				<c:if test="${pL.page!=pL.totalPage}">
					<a href="/findByCSid?csid=${csid}&page=${pL.page+1}" class="nextPage">&nbsp;</a>
					<a class="lastPage" href="/findByCSid?csid=${csid}&page=${pL.totalPage}">&nbsp;</a>
				</c:if>
			</c:if>
			<c:if test="${pName!=null}">
				<c:if test="${pL.page!=1}">
					<a href="/getProductsMH?pName=${pName}&page=1" class="firstPage">&nbsp;</a>
					<a href="/getProductsMH?pName=${pName}&page=${pL.page-1}" class="previousPage">&nbsp;</a>
				</c:if>
				<c:if test="${pL.page!=pL.totalPage}">
					<a href="/getProductsMH?pName=${pName}&page=${pL.page+1}" class="nextPage">&nbsp;</a>
					<a class="lastPage" href="/getProductsMH?pName=${pName}&page=${pL.totalPage}">&nbsp;</a>
				</c:if>
			</c:if>

		</div>
			</form>
		</div>
	</div>
<div class="container footer">
	<div class="span24">
		<div class="footerAd">
					<img src="./image/footer.jpg" width="950" height="52" alt="我们的优势" title="我们的优势">
</div>	</div>
	<div class="span24">
		<ul class="bottomNav">
					<li>
						<a >关于我们</a>
						|
					</li>
					<li>
						<a>联系我们</a>
						|
					</li>
					<li>
						<a >诚聘英才</a>
						|
					</li>
					<li>
						<a >法律声明</a>
						|
					</li>
					<li>
						<a>友情链接</a>
						|
					</li>
					<li>
						<a target="_blank">支付方式</a>
						|
					</li>
					<li>
						<a  target="_blank">配送方式</a>
						|
					</li>
					<li>
						<a >官网</a>
						|
					</li>
					<li>
						<a >论坛</a>
						
					</li>
		</ul>
	</div>
	<div class="span24">
		<div class="copyright">Copyright©2005-2015 网上商城 版权所有</div>
	</div>
</div>
</body></html>